// $(function(){
//     // - 敲击回车事件 => 获取title里面输入的内容，创建待办事项列表结构 , 放入到待办事项列表之中; 
//     var $title = $("#title");

//     $title.keydown( function( evt ){
//           var e = evt || event;
//           // 获取键盘吗，判定回车; 
//           // 回车的键盘吗是13 ; 
//           if( e.keyCode === 13 ){
//                 // 创建新的待办事项结构; 
//                 createTodo();
//                 $title.val("");
//           }
//     });
//     function createTodo(){
//           var val = $title.val();
//           // 创建dom结构; 
//           var $li = $(`
//                 <li>
//                       <input type="checkbox">
//                       <p>${ val }</p>
//                       <a href="javascript:void(0)">-</a>
//                 </li>`);

//           $("#todolist").append($li);
//     }

  
//     $("section").on("change" , "input[type=checkbox]" , function(){
          
//           if( $(this).prop("checked") ){
                
//                 $("#donelist").append( $(this).parent() );
//           }else{
//                 $("#todolist").append(  $(this).parent() )
//           }
//     }); 

//     $("#todolist").on("click" , "p" , function(){
          
//           $(this).html("<input type='text' value='"+ $(this).text() + "'>");
        
//           var $ipt = $(this).children()
          
//           $ipt.click( function( evt ){
//                 var e = evt || event; 
//                 e.stopPropagation();
//           })
          
//           $ipt.select();
          
//           $ipt.blur( function( evt ){
//                 this.outerHTML = this.value; 
//           })
//     })

//     $("section").on("click" , "a" , function(){
//           $(this).parent().remove();
//     })

//     setInterval(() => {
      
//         $("#todocount").text($('#todolist li').length)
//         $("#donecount").text($('#donelist li').length)
//       }, 100);
// })

$(function() {
    load();
    
    $("#title").on("keyup", function(e) {
        if (e.keyCode === 13) {
            if ($(this).val() === "") {} else {
                
                var rrr = getLocalStorage();
               
                rrr.push({
                    title: $(this).val(),
                    done: false
                });
            
                setLocalStorage(rrr);

                load(); 
            }
           
            $(this).val("");
        }
    })

    
    $("#todolist,#donelist").on("click", "a", function() {
            var index = $(this).attr("id");
            console.log(index);
            var rrr = getLocalStorage();
            rrr.splice(index, 1);
            setLocalStorage(rrr);
            load();
        })
        //复选框
    $("#todolist,#donelist").on("click", "input", function() {
            var rrr = getLocalStorage();
            var index = $(this).siblings("a").attr("id");
            rrr[index].done = $(this).prop("checked");
            setLocalStorage(rrr);
            load();
        })
        // 存储数据渲染到页面
    function load() {
        // 2.1 先读取本地存储数据
        var date = getLocalStorage();
        // 遍历之前先清空页面中的ul和ol的内容 防止后面重复添加
        $("#todolist,#donelist").empty();
        // 记录已完成和进行中的个数
        var toDoCount = 0;
        var doneCount = 0;
        $.each(date, function(i, ele) {
            if (ele.done) {
                $("#donelist").prepend("<li><input type = 'checkbox' checked><p>" + ele.title + "</p><a href = '#' id=" + i + "></a></li>")
                    // 更新个数
                doneCount++;
            } else {
                $("#todolist").prepend("<li><input type = 'checkbox'><p>" + ele.title + "</p><a href = '#' id=" + i + "></a></li>")
                toDoCount++;
            }
        })
        $("#todocount").text(toDoCount);
        $("#donecount").text(doneCount);
    }
    // 读取数据
    function getLocalStorage() {
        var date = localStorage.getItem("toDoList");
        // 判断本地存储是否为空
        if (date != null) {
            return JSON.parse(date);
        } else {
            return []; // 为空返回空数组
        }
    }
    // 保存数据
    function setLocalStorage(date) {
        localStorage.setItem("toDoList", JSON.stringify(date));
    }

})
$(document).on("click",function(){
    $.ajax({
       url:"http://localhost/yc",
       type:"GET",
       data:{},
       dataType:"json",
       success:function(res){
           console.log(res);
       }
   }
   )
})
